<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="<%=basePath%>js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="<%=basePath%>js/vue.min.js"></script>
<link rel="stylesheet" href="<%=basePath%>css/layui/css/layui.css">
<script type="text/javascript"
	src="<%=basePath%>js/editProductionPlan/chooseFood.js"></script>
<script type="text/javascript" src="<%=basePath%>js/BaseUtile.js"></script>

</head>
<body style="padding: 3%">
	<input id="breakfastList" style="display: none" />
	<input id="lunchList" style="display: none" />
	<input id="dinnerList" style="display: none" />

	<div>
		<!-- 选择餐次 -->
		<div class="layui-input-inline">
			<div style="float: left">
				<input id="inputSearchWords" class="layui-input"
					placeholder="输入菜品名或拼音搜索" />
			</div>
			<div style="float: left">
				<button id="searchFoodButton" class="layui-btn layui-btn-fluid">搜索</button>
			</div>
		</div>
		<div>
			<!-- 选择菜系 -->
			<div style="float: left; margin-top: 3%">
				<ul>
					<c:forEach var="list" items="${classificationList}">
						<li style="margin-top: 10%"><button
								class="layui-btn layui-btn-fluid"
								onclick="showFoodByClassId(${list.classificationId})">${list.classificationName}</button></li>
					</c:forEach>
				</ul>
			</div>
			<!-- 选择菜品 -->
			<div style="">
				<div id="showFoodDiv" style="margin-top: 3%">
					<ul>
						<li v-for="item in items">
							<div style="float: left; margin-left: 1%; margin-top: 1%">
								<button class="layui-btn layui-btn-primary "
									v-on:click="onclick(item)">{{item.foodName}}</button>
							</div>
						</li>
					</ul>

				</div>


			</div>


		</div>










	</div>





	<script type="text/javascript" src="<%=basePath%>css/layui/layui.js"></script>
	<script>
		layui.use('form', function() {

		});
	</script>
</body>
</html>